*{
  box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
}

*,*:before, *:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  font-size: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

em, strong {
  font-style: normal;
}

ul, ol, li {
  list-style: none;
}

body {
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #ecebe9;
    font-size: 0.24rem;
}

a {
  text-decoration: none;
}
.box {
  position: relative;
  max-width: 100%;
  margin: 0 auto 1.5rem auto;
  position: relative;
  .index_top{
      background: url(../img/index_bg.png)no-repeat;
      -moz-background-size:63px 100px; /* 老版本的 Firefox */
      background-size:100% 100%;
  }
  .box_top{
      width: 100%;
      height: 3.6rem;
      padding: .36rem .72rem;
      box-sizing: border-box;
      color: #fff;
      position: relative;
      .box_top_left{
          width: 20%;
          height: 100%;
          float: left;
          border-radius: 50%;
          background: #fff;
      }
      .box_top_right{
          width: 50%;
          height: auto;
          float: right;
          margin-left: .4rem;
          strong{
              font-size: .8rem;
              font-family: "宋体";
              float: left;
          }
          em{
              position: absolute;
              bottom: .2rem;
              right: 0;
          }
          .box_top_r_top{
              float: left;
              width: 100%;
              height: 1.2rem;
              border-bottom: .02rem solid #FFFFFF;
              position: relative;
          }
          .box_top_r_bottom{
              float: left;
              width: 100%;
              height: .88rem;
              margin-top: .2rem;
              position: relative;
              b{
                  font-size: .4rem;
                  font-family: "宋体";
              }
          }
      }
      .box_top_code{
          width: .88rem;
          height: .88rem;
          background: #fff;
          color: #9dbfd8;
          float: left;
          text-align: center;
          line-height: .88rem;
          border-radius: 50%;
          position: absolute;
          right: .24rem;
          top: .14rem;
      }
      .box_pro_title{
          width: 100%;
          height: 1rem;
          line-height: 1rem;
          color: #fff;
          font-size: .4rem;
      }
      .box_pro_content{
          width: 100%;
          height: auto;
          float: left;
          font-family: "微软雅黑";
          p{
              color: #fff;
              font-size: .5rem;
              text-align: center;
              float: left;
              width: 50%;
          }
      }
      .box_pro_fixd{
          padding: 0.2rem 0;
          width: 80%;
          height: 1.36rem;
          position: absolute;
          left: 10%;
          bottom: -60px;
          background: #fff;
          border-radius: .2rem;
          overflow: hidden;
          box-shadow: 2px 10px 6px #b9b9b9;
          box-sizing: border-box;
          div{
              width: 50%;
              height: 100%;
              float: left;
              p,em{
                  float: left;
                  width: 50%;
                  height: 50%;
                  text-align: center;
                  float: left;
                  width: 100%;
                  line-height: .72rem;
              }
              p{
                  color: #6a9dd4;
                  font-size: .6rem;
              }
              em{
                  color: #7d7d7d;
                  font-size: .2rem;
              }
          }
      }
      .sale_top{
          margin: 0;
          border-bottom: 1px solid #a3b3d4;
          color: #000000;
      }
      .box_sale_content{
          width: 100%;
          height: 2rem;
      }
  }
  //销售计划
      
  .sale_main{
      width: 100%;
      height: auto;
      overflow: hidden;
      .sale_p{
          padding: .26rem .4rem;
          font-size: 30px;
          font-weight: 600;
      }
      .sale_success{
          width: 92%;
          height: 3.9rem;
          margin: .6rem 4%;
          border: 1px solid #e1e1e1;
          border-radius: .2rem;
          padding: .9rem .54rem;
          .sale_suc_left{
              width: 40%;
              height:100% ;
              float: left;
              margin-right: .4rem;
          }
          .sale_suc_right{
              display: block;
              float: right;
              box-sizing: border-box;
              width: 50%;
              box-sizing: border-box;
              .sale_weekPlan,.sale_nowPlan{
                  width: 100%;
                  height: auto;
                  display: block;
                  overflow: hidden;
              }
              p,em{
                  font-size: .3rem;
                  padding: .22rem .1rem;
                  box-sizing: border-box;
              }
          }
      }
      .sale_add{
          width: 92%;
          height: auto;
          margin: .6rem 4%;
          border: 1px solid #e1e1e1;
          border-radius: .2rem;
          overflow: hidden;
          vertical-align: middle;
          padding: 4% 5.5%;
          .sale_bg{
              width: .8rem;
              margin-right: 4%;
              border-radius: 50%;
              background: #234d97;
              text-align: center;
              line-height: .8rem;
              em{
                  color: #fff;
                  font-size: .4rem;
                  
              }
          }
      }
      .sale_join{
          width: 92%;
          height: auto;
          margin: .6rem 4%;
          border: 1px solid #e1e1e1;
          border-radius: .2rem;
          overflow: hidden;
          padding: .3rem .4rem;
          .sale_img{
              width: 10%;
              height: 0.5rem;
              background:url(../img/sale_join.png)no-repeat;
              background-size: 100% auto;
              margin-top: 8%;
              margin-right: 6%;
          }
      }
  }
  //催收计划
  .collec_box{
      width: 100%;
      padding: 0 4%;
      box-sizing: border-box;
      height: auto;
      overflow: hidden;
      margin-top: .6rem;
      ul{
          width: 100%;
          height: auto;
          li{
              width: 25%;
              height: 1.45rem;
              text-align: center;
              background: #CCCCCC;
              float: left;
          }
      }
  }
  .margin_ul{
      margin-top: .6rem;
      .ul_list{
          .pro_table{
              tr{
                  td{
                      float: left;
                      width: auto;
                      height: auto;
                      line-height: 0.72rem;
                      text-align: center;
                  }
                  td:nth-child(1){
                      width: 20%;
                      text-align: center;
                      font-size: .4rem;
                      color: #314b70;
                      P{
                         background: #eb5920; 
                      }
                  }
                  td:nth-child(2){
                      margin-left: .6rem;
                      width: 34%;
                      height: .72rem;
                      background: none;
                      P{
                         background: #f5a828; 
                      }
                  }
                  td:nth-child(3){
                      margin-left: .3rem;
                      width: 10%;
                      height: auto;
                      color: #000;
                      line-height: .72rem;
                      p{
                          font-size: .3rem;
                          float: left;
                          margin-left: -.2rem;
                        }
                  }
                  td:nth-child(4){
                      float: right;
                      margin-right: 0;
                      width: auto;
                      height: auto;
                      color: #6698bb;
                      font-size: .4rem;
                      line-height: .72rem;
                  }
              }
          }
      }
  }
  .ul_title{
      width: 100%;
      height: 1rem;
      line-height: .88rem;
      padding: 0 .2rem .36rem .2rem;
      p{
          float: left;
          line-height: .88rem;
          font-size: .4rem;
      }
      a{
          float: right;
          line-height: .88rem;
          font-size: .4rem;
          color: #3586b1;
      }
  }
  .ul_list{
      table{
          tr{
              width: 100%;
              height: auto;
              float: left;
              background: #ecebe9;
              border-radius: .2rem;
              padding: .2rem;
              margin-bottom: .26rem;
              td{
                  float: left;
                  .index_order{
                      width: .52rem;
                      height: .52rem;
                      border-radius: 50%;
                      background: #4867a8;
                      color: #FFFFFF;
                      display: block;
                      margin: 0 auto;
                    }   
              }
              td:nth-child(1){
                  width: 1rem;
                  text-align: center;
                  font-size: .4rem;
                  color: #314b70;
              }
              td:nth-child(2){
                  margin-left: .6rem;
                  width: .72rem;
                  height: .72rem;
                  background: #1ABC9C;
              }
              td:nth-child(3){
                  margin-left: .3rem;
                  width: auto;
                  height: auto;
                  color: #000;
                  font-size: .4rem;
                  line-height: .72rem;
              }
              td:nth-child(4){
                  float: right;
                  margin-right: 0;
                  width: auto;
                  height: auto;
                  color: #6698bb;
                  font-size: .4rem;
                  line-height: .72rem;
                  p,em{
                      display: inline;
                  }
                  em{
                      margin-left: .22rem;
                      font-size: .3rem;
                  }
              }
          }
          tr:nth-child(1){
              td{
                  .index_order{
                      background: #ea581f;
                  }
                  .index_integral{
                      color: #ea581f;
                  }
              }
          }
          tr:nth-child(2){
              td{
                  .index_order{
                      background: #f5a828;
                  }
                  .index_integral{
                      color: #f5a828;
                  }
              }
          }
          tr:nth-child(3){
              td{
                  .index_order{
                      background: #65c3c2;
                  }
                  .index_integral{
                      color: #65c3c2;
                  }
              }
          }
      }
  }
}
.box-shadow{
    box-shadow: 0px 0px 10px 6px #b9b9b9;
}
.f_left{
    float: left;
}
.f_right{
    float: right;
}
.navRoot {
  position: fixed;
  z-index: 50;
  bottom: 0;
  left:0;
  width: 100%;
  height: auto;
  padding: .12rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.01rem solid #ccc;
  background:#f2f2f2;
}

.navLink {
  font-size: 0.42rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    color: #666;
    padding: .14rem auto;
    i{
        float: left;
        width: .56rem;
        height: .56rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
.navLink.active {
  color: #3586b1;
}
.navLinkIco {
  display: block;
  margin-bottom: 0.1rem;
}

.navLinkText {
  display: block;
  line-height: 1;
  font-size: 0.24rem;
}
.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
//催收计划
.wrap{margin:20px auto 0 auto;overflow: hidden;}
.tabs{height:40px;}
.tabs a{display:block;float:left;width:25%;color:#333;text-align:center;background:#eee;line-height:40px;font-size:16px;text-decoration:none;}
.tabs a.active{color:#fff;background:#333;border-radius:5px 5px 0px 0px;}
.swiper-container{background:#333;height:325px;border-radius:0 0 5px 5px;width:100%;border-top:0;}
.swiper-slide{height:325px;width:100%;background:none;color:#fff;}
/*.content-slide{padding:40px;}*/
.content-slide p{line-height:4.5;text-align: center;width: 50%;float: left;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */    z-index:1;}
.swiper-wrapper {position:relative;width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.collect_cont{
    width: 100%;
    height: auto;
    float: left;
    margin-top:16px; 
}
.collect_cont .col_cont_main{
    width: 100%;
    float: left;
    margin-top:16px;
    line-height: 54px;
    background: #fff;
    padding-left: 10px;
}
.collect_cont .col_cont_main .col_cont_name{
    width: 18%;
    float: left;
}
.collect_cont .col_cont_main .col_cont_name p{
    float: left;
    width: 50%%;
    font-size: 10px;
}
.collect_cont .col_cont_main .col_cont_dol{
    width: 26%;
    color: #4253a3;
    float: left;
}
.collect_cont .col_cont_main .col_cont_time{
    width: 42%;
    color: #d9d9db;
    float: left;
    .col_conTime_box{
        p{
            line-height: 4.5;
            text-align: center;
            width: 50%;
            float: left;
        }
    }
}
.collect_cont .col_cont_main .col_cont_time p em{
    float: left;
    width: 50%;
    line-height: 2.9;
    color: #d9d9db;
}
.collect_cont .col_cont_main .col_cont_more{
    width: 13%;
    color: #4253a3;
    float: left;
}
.bottom_btn{
    width: 100%;
    height: auto;
    position: fixed;
    bottom: .6rem;
    margin: 0 auto;
    text-align: center;
    button{
        background: #4867a8;
        padding: 0 1.6rem;
        border: 0px;
        line-height: 1.8rem;
        color: #fff;
        border-radius: 5px;
    };  
    p{
        color: #4867a8;
        line-height: 1.8rem;
    }
}
.wrap{
    .wrap_col_plan_2{
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
        overflow: hidden;
        .col_plan2_ul{
            width: 100%;
            .no_border{
                    border: 0;
                }
            li{
                width: 100%;
                height: auto;
                float: left;
                margin: 0 0 10px 0;
                border-bottom: 2px solid #ccc;
                .col_plan2_ul_box{
                        width: 100%;
                        float: left;
                        line-height: 54px;
                        p{
                            width: 60%;
                            text-align: left;
                            float: left;
                        }
                        em{
                            width: 40%;
                            float: left;
                            text-align: left;
                            color: #184199;
                        }
                }
                
                .col_plan2_ul_left{
                    width: 44%;
                    float: left;
                    }
                .col_plan2_ul_right{
                    width: 46%;
                    float: left;
                    margin-left: 8%;
                }
                strong{
                    width: 100%;
                    float: left;
                    line-height: 26px;
                    color: #4e4a49;
                }
                textarea{
                    width: 100%;
                    border-radius: 8px;
                    background: #ecebe9;
                    padding: 10px;
                }
                button{
                    width: 40%;
                    height: auto;
                    display: block;
                    bottom: .6rem;
                    margin: 10px auto;
                    text-align: center;
                        background: #4867a8;
                        padding: 0 1.6rem;
                        border: 0px;
                        line-height: 1.8rem;
                        color: #fff;
                        border-radius: 5px;
                }
            }
        }
    }
    .col_plan2_ul_box2{
                    width: 100%;
                    height: auto;
                    float: left;
                    color: #4668a7;
                    p{
                        width:auto;
                        display: block;
                        float: left;
                    }
                    em{
                            margin-left: 12px;
                    }
                    a{
                        width: auto;
                        float: right;
                        i,em{
                            float: left;
                        }
                        img{
                                width: .4rem;
                            }
                    }
                }
    //新增客户
    .new_top{
        height: 60px;
        background: #fff;
        padding-left: 10px;
        strong{
            line-height: 60px;
        }
    }
}
.pad_right{
    padding-right: 10px;
}
//二维码
.pro_box{
    width: 100%;
    overflow: hidden;
    background: #4867a8;
    .box_top{
        width: 100%;
        padding: .3rem 5% 1rem 5%;
    }
    .pro_bg{
        width: 78%;
        background: url(../img/pro_bg.png)no-repeat;
        background-size: 100% 100%;
        height: 8rem;
        margin: 0 auto;
        position: relative;
        .pro_none{
            width: 100%;
            height: .6rem;
        }
        .pro_Qr{
            width: 400px;
            height: 400px;
            background: #fff;
            margin: 0 auto;
            margin-top: 1.6rem;
        }
        .pro_text{
            color: #717171;
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 124px;
        }
    }
}
//信息填写
.pro_text_top{
    background: url(../img/pro_text_bg.png)no-repeat;
      -moz-background-size:63px 100px; /* 老版本的 Firefox */
      background-size:100% 100%;
}
.pro_text_form{
          width: 100%;
          height: 100%;
          float: left;
          .pro_form{
              width: 82%;
              padding-top: .56rem;
              margin: 0 auto;
              overflow: hidden;
              .pro_text_box{
                  width: 100%;
                  height: auto;
                  float: left;
                  border-bottom: 2px solid #dddddd;
                  padding: .2rem 0;
                  i{
                      width: .36rem;
                      height: .36rem;
                      float: left;
                      text-align: center;
                      color: #fff;
                      background: #4867a7;
                      border-radius: 50%;
                      margin-right: .14rem;
                  }
                  input{
                      line-height: .36rem;
                      font-size: .3rem;
                      color: #aeaeae;
                      padding-left: 10px;
                  }
                  em{
                      padding: 0 .24rem;
                      background: #4867a7;
                      line-height: .48rem;
                      color: #fff;
                      border-radius: 7px;
                      
                  }
              }
              .pro_form_btn{
                  width: 90%;
                  height: .96rem;
                  display: block;
                  background: #4867a7;
                  color: #fff;
                  position: fixed;
                  bottom: .1rem;
                  left: 5%;
                  border-radius: 10px;
                  font-size: .4rem;
              }
          }
}
.pro_su_main{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background: #4867a7;
    padding: .5rem 16%;
    .pro_su_main_top{
        width: 3.7rem;
        height: 3.7rem;
        border-radius: 50%;
        margin: 0 auto;
        background: #fff;
        position: relative;
        p{
            color: #4867a7;
            font-size: .6rem;
            line-height: 3.7rem;
            text-align: center;
        }
        i{
            position: absolute;
            right: 0;
            top: 0;
        }
    }
    .pro_su_main_text{
        width: 100%;
        margin-top: .5rem;
        p{
            width: 100%;
            color: #fff;
            font-size: .26rem;
            text-align: center;
            line-height: .6rem;
        }
    }
    .pro_su_main_btn{
        width: 100%;
        height: auto;
        margin-top: .9rem;
        a{
            width: 80%;
            float: left;
            line-height: 1rem;
            text-align: center;
            margin:0 10% .3rem 10%;
            text-align: center;
            color: #fff;
        }
        a.active{
            color: #4867a7;
            background: #fff;
            border-radius: 20px;
        }
    }
}
//个人中心
.center_top{
    background: url(../img/pro_text_bg.png);
    .center_top_box{
        width: 50%;
        margin: .8rem auto;
        img{
            width: 50%;
            height: 2rem;
            float: left;
        }
        .center_top_span{
            width: 50%;
            padding-left: 10%;
            height: 2rem;
            float: left;
            box-sizing: border-box;
            overflow: hidden;
            strong,p{
                width: 100%;
                float: left;
                line-height: .6rem;
            }
            strong{
                color: #fff;
                font-size: .36rem;
            }
            p{
                color: #d1d4e5;
                font-size: .24rem;
            }
        }
    }
}
.cent_pad{
    padding: .2rem;
}
